.tag-container {
  @include vertical-scroll-shadow(var(--background-primary));

  .theme-dark & {
    @include vertical-scroll-shadow(var(--background-primary), 0.5);
  }

  .mod-left-split & {
    @include vertical-scroll-shadow(var(--shade-5-opaque));

    .theme-dark & {
      @include vertical-scroll-shadow(var(--shade-5-opaque), 0.5);
    }
  }

  .is-translucent &,
  .is-mobile &,
  .workspace-fake-target-overlay & {
    background: none !important;
  }

  padding-bottom: 5rem;

  .tree-item-self .collapse-icon {
    padding: 4px;
    margin: -4px 0 -4px -6px;
  }
}

.tag-pane-tag {
  padding: 0 6px;
  line-height: 1;

  > .tree-item-inner:first-child {
    margin-left: 14px;
  }
}

.tag-pane-tag-text {
  color: var(--text-accent);
  padding: 6px 0;

  &::before {
    content: "#";
  }
}
